<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>单场页测试地址</title>
  <!-- 加密压缩后代码 -->
  <meta charset="utf-8">
  <!-- Mobile Devices Support @begin -->
  <meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no" name="viewport" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no, email=no">
  <meta name="msapplication-tap-highlight" content="no" />
  <meta name="browsermode" content="application" />
  <meta name="x5-page-mode" content="default|app" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="x5-orientation" content="portrait" />
  <!-- Mobile Devices Support @end -->
  <link rel="stylesheet" href="//n.sinaimg.cn/sports/lottpao/v240/wap/c/ct0_common.css?v=150823791">
  <script type="text/javascript">
  window.noHasDownLoad = true;
  </script>
  <style>
  #appbox {
    margin: 40px;
  }

  .t_btn {
    padding: 5px 10px;
    width: 100px;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: #ca4341;
  }

  .teamName {
    font-size: 22px;
    line-height: 1.8;
    margin-top: 30px;
  }

  .t_match_block {
    margin-top: 30px;
  }

  .t_match_block a {
    padding: 5px 10px;
    width: 100px;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: #ca4341;
    margin-right: 10px;
  }
  .t_meach{
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
  }
  </style>
</head>

<body>
  <div id="appbox">
<!--     <div class="t_btn" @click="init()">更换赛事</div> -->
    <div class="t_match_list">
      <div class="t_meach" v-for="v in data">
        <div class="teamName">
          <p>{{v.Team1}} vs {{v.Team2}}</p>
          <p>{{v.matchTime}}</p>
          <p>{{v.LeagueType_cn}}</p>
        </div>
        <div class="t_match_block">
          <a :href="urlOp(v.livecast_id)" target="_blank">欧赔</a>
          <a :href="urlYp(v.livecast_id)" target="_blank">亚盘</a>
          <a :href="urlDx(v.livecast_id)" target="_blank">大小</a>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/lib/jquery-2.2.4.min.js?v=150823791"></script>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/lib.js?v=150823791"></script>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/common.js?v=150823791"></script>
  <script type="text/javascript" src="//n.sinaimg.cn/sports/lottpao/v240/wap/j/lib/myApp.js?v=150823791"></script>
  <script>
  (function() {
    // util.INTERFACE_CLIENTPROXY = '//match.lottery.sina.com.cn/client/index/clientProxy/';
    let app = new Vue({
      el: "#appbox",
      data() {
        return {
          m_id: "",
          data: {},
        }
      },
      methods: {
        getList() {
          var self=this;
          $.ajax({
              url: '//match.lottery.sina.com.cn/football/index/dayTypeMatches?format=json&dpc=1&date=2017-09-30&page=1&type=',
              dataType: 'jsonp',
            })
            .done(function(data) {
              self.data = data.result.data;
            })
            .fail(function() {
              alert("刷新重试")
            })
            .always(function() {
              console.log("complete");
            });
        },
        urlDx(id) {
          return "http://lotto.sina.cn/ai/football/match_dx_v300.d.html?sports_type=football&lc_id=" + id;
        },
        urlYp(id) {
          return "http://lotto.sina.cn/ai/football/match_yp_v300.d.html?sports_type=football&lc_id=" + id;
        },
        urlOp(id) {
          return "http://lotto.sina.cn/ai/football/match_op_v300.d.htmll?sports_type=football&lc_id=" + id;
        }
      },
      created() {
        this.getList();
      }
    })
  })()
  </script>
</body>

</html>